<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }
  </style>
</head>

<body>
  <div class="rich_media_content" id="js_content" style="visibility: visible;">
    <section style="overflow:hidden;margin:0 auto;background-color:#000;">
      <section style="height:0;line-height:0;">
        <section style="pointer-events:none;margin-top:-1px;transform:scale(1);">
          <svg
            style="width:100%;display:inline-block;background-image:url('./images/640.jpg');background-repeat:no-repeat;background-size:100% auto;"
            viewBox="0 0 1000 1104">
            <g transform="translate(0 360)">
              <animate attributeName="opacity" values="1;0;1" dur="1.5s" end="click" fill="remove" restart="never"
                repeatCount="indefinite"></animate>
              <g transform="translate(0 300)">
                <foreignObject x="0" y="-50" width="1000" height="1104">
                  <svg
                    style="background-image:url('./images/640.png');background-repeat:no-repeat;background-position:center center;"
                    viewBox="0 0 1000 1104">
                    <rect x="0" y="0" width="1000" height="400" style="opacity:0;pointer-events:visible;"></rect>
                  </svg>
                </foreignObject>
                <animateTransform attributeName="transform" type="translate" values="0 0;20 -50;0 -60;-20 -100;0 -160"
                  dur="1.2s" begin="click" fill="freeze" restart="never"></animateTransform>
              </g>
              <g>
                <foreignObject x="0" y="0" width="1000" height="1104">
                  <svg
                    style="background-image:url('./images/640 (8).png');background-repeat:no-repeat;background-position:center center;"
                    viewBox="0 0 1000 1104">
                  </svg>
                </foreignObject>
              </g>
            </g>
          </svg>
        </section>
        <section style="pointer-events:none;margin-top:-1px;transform:scale(1);">
          <svg
            style="width:100%;display:inline-block;background-image:url('./images/640 (3).jpg');background-repeat:no-repeat;background-size:100% auto;overflow:visible;"
            viewBox="0 0 1000 1384">
            <g>
              <g>
                <g transform="translate(2000 0)">
                  <foreignObject x="435" y="860" width="1000" height="1384"><svg
                      style="background-image:url('./images/640 (1).png');background-repeat: no-repeat;"
                      viewBox="0 0 1000 1384"></svg></foreignObject>
                </g>
                <g transform="translate(2000 0)">
                  <foreignObject x="380" y="1770" width="1000" height="1384"><svg
                      style="background-image:url('./images/640 (2).png');background-repeat:no-repeat;"
                      viewBox="0 0 1000 1384"></svg></foreignObject>
                </g>
                <animateTransform attributeName="transform" type="translate" to="-1000 0" dur="0.1ms"
                  calcMode="discrete" fill="freeze" restart="never" begin="click"></animateTransform>
                <rect x="450" y="840" width="320" height="120" style="opacity:0;pointer-events:visible;"></rect>
              </g>
              <g>
                <g transform="translate(2000 0)">
                  <foreignObject x="435" y="1005" width="1000" height="1384"><svg
                      style="background-image:url('./images/640 (1).png');background-repeat: no-repeat;"
                      viewBox="0 0 1000 1384"></svg></foreignObject>
                </g>
                <g transform="translate(2000 0)">
                  <foreignObject x="300" y="1700" width="1000" height="1384"><svg
                      style="background-image:url('./images/640 (3).png');background-repeat:no-repeat;"
                      viewBox="0 0 1000 1384"></svg></foreignObject>
                </g>
                <animateTransform attributeName="transform" type="translate" to="-1000 0" dur="0.1ms"
                  calcMode="discrete" fill="freeze" restart="never" begin="click"></animateTransform>
                <rect x="450" y="1000" width="320" height="120" style="opacity:0;pointer-events:visible;"></rect>
              </g>
              <animateTransform attributeName="transform" type="translate" to="-1000 0" dur="0.1ms" calcMode="discrete"
                fill="freeze" restart="never" begin="click"></animateTransform>
            </g>
            <g>
              <foreignObject x="100" y="850" width="1000" height="1384"><svg
                  style="background-image:url('./images/640 (4).png');background-repeat:no-repeat;"
                  viewBox="0 0 1000 1384"></svg></foreignObject>
              <animateTransform attributeName="transform" type="translate" values="0 40;0 0;0 40;" dur="2.5s"
                repeatCount="indefinite"></animateTransform>
            </g>
          </svg>
        </section>
        <section style="pointer-events:none;margin-top:-1px;">
          <svg
            style="width:100%;display:inline-block;background-image:url('./images/640 (1).jpg');background-repeat:no-repeat;background-size:100% auto;"
            viewBox="0 0 1000 1784">
            <g>
              <foreignObject x="0" y="700" width="1000" height="1784">
                <svg
                  style="background-image:url('./images/640 (5).png');background-repeat:no-repeat;background-position: center center;pointer-events:visible;"
                  viewBox="0 0 1000 1784">
                </svg>
              </foreignObject>
              <animate attributeName="opacity" values="1;0;1" dur="1.5s" fill="remove" repeatCount="indefinite"
                end="click"></animate>
            </g>
            <g>
              <g>
                <foreignObject x="-300" y="0" width="1000" height="1784"><svg
                    style="background-image:url('./images/640 (6).png');background-repeat:no-repeat;background-position: center center;"
                    viewBox="0 0 1000 1784"></svg></foreignObject>
                <animate attributeName="opacity" values="0;1;0" dur="3s" fill="freeze" repeatCount="indefinite">
                </animate>
              </g>
              <g transform="scale(0.7)">
                <foreignObject x="180" y="500" width="1000" height="1784"><svg
                    style="background-image:url('./images/640 (6).png');background-repeat:no-repeat;background-position: center center;"
                    viewBox="0 0 1000 1784"></svg></foreignObject>
                <animate attributeName="opacity" values="0;1;0" dur="5s" fill="freeze" repeatCount="indefinite">
                </animate>
              </g>
              <g transform="scale(0.9)">
                <foreignObject x="380" y="100" width="1000" height="1784"><svg
                    style="background-image:url('./images/640 (6)');background-repeat:no-repeat;background-position: center center;"
                    viewBox="0 0 1000 1784"></svg></foreignObject>
                <animate attributeName="opacity" values="0;1;0" dur="6s" fill="freeze" repeatCount="indefinite">
                </animate>
              </g>
            </g>
          </svg>
        </section>
        <section style="pointer-events:none;margin-top:-1px;">
          <svg
            style="width:100%;display:inline-block;background-image:url('./images/640 (2).jpg');background-repeat:no-repeat;background-size:100% auto;"
            viewBox="0 0 1000 1782"></svg>
        </section>
      </section>
      <section style="width:33.33%;float:left;line-height:0;pointer-events:none;">
        <svg viewBox="0 0 1000 1104"
          style="width:300%;max-width:none!important;transform:scale(1);display:inline-block;overflow:visible;">
          <g transform="translate(500 780)">
            <foreignObject x="-85" y="-100" width="170" height="154"><svg
                style="background-image:url('./images/640 (7).png');background-position:center top;background-repeat:no-repeat;display:inline-block;"
                viewBox="0 0 170 154"></svg></foreignObject>
            <animateTransform attributeName="transform" type="rotate" values="0;10;0;-10;0" keyTimes="0;0.3;0.5;0.7;1"
              dur="1.5s" fill="freeze" repeatCount="indefinite" restart="never" additive="sum"></animateTransform>
          </g>
          <rect x="150" y="600" width="700" height="350" style="opacity:0;pointer-events:visible;"></rect>
          <set attributeName="visibility" to="hidden" dur="1ms" begin="touchstart" fill="freeze" restart="never"></set>
          <animate attributeName="width" values="300%;676%;676%" dur="2000s" begin="touchstart+0.3s" fill="freeze"
            restart="never" calcMode="spline" keySplines="0.5 0 0.5 1; 0 0 1 1" keyTimes="0;0.0005;1"></animate>
        </svg>
      </section>
      <section style="width:33.33%;float:left;line-height:0;pointer-events:none;">
        <svg viewBox="0 0 1000 1104"
          style="width:300%;max-width:none!important;transform:scale(1);display:inline-block;overflow:visible;">
          <rect x="90" y="1955" width="380" height="100" style="opacity:0;pointer-events:visible;"></rect>
          <rect x="90" y="2105" width="380" height="100" style="opacity:0;pointer-events:visible;"></rect>
          <animate attributeName="width" values="676%;1160%;1160%" dur="2000s" begin="touchstart" fill="freeze"
            restart="never" calcMode="spline" keySplines="0.5 0 0.5 1; 0 0 1 1" keyTimes="0;0.0005;1"></animate>
        </svg>
      </section>
      <section style="width:33.33%;float:left;line-height:0;pointer-events:none;">
        <svg viewBox="0 0 1000 1104"
          style="width:300%;max-width:none!important;transform:scale(1);display:inline-block;overflow:visible;">
          <rect x="-450" y="4010" width="560" height="120" style="opacity:0;pointer-events:visible;"></rect>
          <animate attributeName="width" values="1160%;1620%;1620%" dur="2000s" begin="touchstart" fill="freeze"
            restart="never" calcMode="spline" keySplines="0.5 0 0.5 1; 0 0 1 1" keyTimes="0;0.0005;1"></animate>
        </svg>
      </section>
    </section>
  </div>
</body>

</html>